﻿.category-modules
{
    border-bottom: 1px solid #f0f0f0;
    background: #27adcb repeat-x top center;
    background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 40px, #21b1ce 0, #21b1ce 68px);
    background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 40px, #21b1ce 0, #21b1ce 68px);
    background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 40px, #21b1ce 0, #21b1ce 68px);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 40px, #21b1ce 0, #21b1ce 68px);
    background-size: 12em 12em;
    margin-top: 0;
}
.category-modules ul
{
    padding: 0.5em 0;
    clear: both;
    margin: auto;
    width: 80%;
    color: #fff;
}
.category-modules .clearfix
{
    margin-bottom: 0.5em;
}
.category-modules li
{
    float: left;
    list-style: disc;
    margin: 0.5em 0;
    width: 24.6%;
    list-style-position: inside;
}
.category-modules li a
{
    color: #fff;
}
.category-modules li a:hover
{
    color: #666;
}
.bread-crumb
{
    margin: 0 0 1em 0;   
 }
.bread-crumb li
{
    display: inline;
    margin-right: 0.5em;
}
.bread-crumb li a
{
    color: #21b1ce;
}
.crumb-arrow
{
    display: inline-block;
    *display: inline;
    margin-left: 0.5em;
    width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #21b1ce;
}
@media screen and (max-width : 961px) and (min-width : 769px){
	.category-modules li
	{
	    width: 23.6%;
	    font-size: 13px;
	}
}
@media screen and (max-width : 768px) and (min-width : 479px){
	.category-modules li
	{
	    width: 30%;
	    font-size: 13px;
	}
}
@media screen and (max-width : 480px) and (min-width : 0){
	.category-modules li
	{
	    width: 100%;
	    font-size: 13px;
	}
}
@media screen and (max-width : 768px){
	
}